/* 
    Document   : menu1
    Created on : 18/06/2012, 12:20:35 PM
    Author     : Alumnos
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

body{
        margin: 0;
	padding: 0;
        background: 50% #C52546 url(../css/dark.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: white;
}

.twoColumns #container{
    width: 40em;
    margin: 0 auto;
    border: 1px solid #0E2754;
    text-align: left;
}

.twoColumns #header{
    background-color: #901609;
    padding: 0 10px;
}

.twoColumns #header h1{
    margin:0;
    padding: 10px 0;
    text-align: center;
}

#sidebar h3:hover{
    background-color: white;
    color:black;
    font-weight: bolder;
    cursor: pointer;
    
}

#sidebar h3.actual{
    font-weight: lighter;
    background-color: lightskyblue;
    color: black;
    
}
#sibebar h3.actual:hover{
    background-color: white;
    cursor: default;
    color:black;
}
.twoColumns #sidebar{
    float: left;
    width: 12em;
    text-align: center;
    padding: 25px 0;
    margin-left: 0em;
}

.twoColumns #sidebar h3{
    cursor: pointer;
    margin-left:15px;
    margin-right:10px;
    border-left: solid 2px white;
    border-top: solid 2px white;
    border-right: solid 2px white;
    border-bottom: solid 4px white;
}

.twoColumns #main{
     margin-left: 10em;
     margin-top: 11em;
     margin-bottom: 10em;
}

.twoColumns #main p{
   
    margin-left: 5em;
    text-align: justify;
    
}
#encabezado h1{
       
        text-align: center;
        margin: 75px;
	letter-spacing: -1px;
	text-transform: uppercase;
	font-size: 54px;
	font-weight: bold;
	color: #FFFFFF;
        font-family: 'Arvo', serif;
	font-weight: normal;

}
#menu{
    color:white;
    width: 100%;
    float:left;
    margin: 0;
    padding: 0;
    border-bottom: solid 4px white;
}

#menu_opciones{
    margin:0em;
    padding:0;
    margin-left:26em;
    color:white;
}

#menu_opciones li{
 
    list-style: none;
    background-color: #0099cc;
    color:white;
    font-weight: bold;
    text-align: center;
    width: 10em;
    float:left;
    border-left: solid 2px white;
    border-top: solid 2px white;
    border-right: solid 2px white;
    border-bottom: solid 4px white;
    margin-right: 1em;
    padding: 5px 0;
    
}

#menu_opciones li:hover{
    background-color: white;
    color:black;
    font-weight: bolder;
    cursor: pointer;
    
}

#menu_opciones li.actual{
    font-weight: lighter;
    background-color: lightskyblue;
    color: black;
    
}
#menu_opciones li.actual:hover{
    background-color: white;
    cursor: default;
    color:black;
}

#contenido{
    display:none;
    margin:0;
    padding:0;
    margin-left:13em;
    text-align: justify;
}


#visible{
    margin-right: 20em;
    text-align: justify;

    
}


.visible h1{
  color: white;
    margin-right:20em;
}

.visible p{
    margin-right: 20em;
    text-align: justify;
    
}
#algo{
    margin-right: 20em;
    text-align: justify;

    
}


.algo h1{
   color: white;
    margin-left:0em;
}

.algo p{
    text-align: justify;
    margin-right: 15em; 
}

#contacto{
margin-left: 0em;
}

#visible  {
    margin:0;
    padding:0;
    margin-left:13em;
}



#otro {
    margin-right: 20em;
    text-align: justify;
    margin:0;
    padding:0;
}
    
    

.otro h1{
     margin-left: 0em; 
     color: white;
}

.otro p{
     margin-right: 20em;
     text-align: justify;
     margin-right: 15em; 
}


#diferente {
    margin-right: 20em;
    text-align: justify;
    margin:0;
    padding:0;
}

.diferente h1{
   color: white;
  
    margin-left:0em;
}
.diferente p{
    text-align: justify;
    margin-right: 15em; 
}

#imagenDiferente{
    margin-right: 10em;
}



#ultimo {    
    margin-right: 20em;
    text-align: justify;
        
}
.ultimo h1{
  color: white;
}

.ultimo p{
     text-align: justify;
     margin-right: 15em; 
}

#imagen{
    margin-right: 10em;
}

#nacional {    
    margin-right: 20em;
    text-align: justify;
        
}
.nacional h1{
  color: white;
}

.nacional p{
     text-align: justify;
     margin-right: 15em; 
}